// 入口样式文件

// 导入主题变量
@import './variables.scss';

// 导入基础样式
@import './base.scss';

// 导入组件样式
@import './components.scss';

// 导入Element Plus样式
@import 'element-plus/dist/index.css';

// 自定义Element Plus主题覆盖
.el-button--primary {
  --el-button-bg-color: $primary-color;
  --el-button-hover-bg-color: $primary-hover-color;
  --el-button-active-bg-color: $primary-active-color;
}

.el-input__wrapper {
  --el-input-border-color: $border-color-base;
  --el-input-focus-border-color: $primary-color;
}

.el-card {
  --el-card-border-radius: $card-border-radius;
  --el-card-shadow: $card-box-shadow;
}

.el-table {
  --el-table-header-bg-color: $bg-color-light;
  --el-table-border: $border-color-light;
  --el-table-header-text-color: $text-primary;
}

.el-breadcrumb {
  --el-breadcrumb-item-color: $text-secondary;
  --el-breadcrumb-item-hover-color: $primary-color;
}

// 媒体查询
@media (max-width: 768px) {
  .container {
    padding: 0 10px;
  }

  .header {
    height: 50px;
  }

  .logo {
    font-size: 18px;
  }

  .nav {
    display: none;
  }

  .card {
    .card-img {
      height: 150px;
    }
  }
}